/******************************************************************************
 * XWiki.SyleSheetExtension[0]: Local Styles
 * Copyright (C) 2009-2011, Niels Mayer. All Rights Reserved. http://nielsmayer.com
 ******************************************************************************/
#document-title
{
  display: none; /* Override new Xwiki 2.0 "mandatory title"
                    by not displaying it */
}
/* 
  This didn't work as suggested by
  http://phydeaux3.blogspot.com/2006/01/max-width-and-faking-it-for-ie.html :
  resizedImage { 
    max-width: 75px;
    width:     expression(this.width>75 && this.width>this.height ? 75 : true);
    max-height: 75px;
    height:     expression(this.height>75 && this.height>this.width ? 75 : true);
  }
  Instead, issues with IMG and SPAN not sizing correctly in IE were solved via
  technique from http://www.webcredible.co.uk/user-friendly-resources/css/more-css-tricks.shtml
  This is apparently known as the "box model hack for IE" http://css-discuss.incutio.com/?page=BoxModelHack
  http://webdesign.about.com/od/css/a/aaboxmodelhack.htm http://tantek.com/CSS/Examples/boxmodelhack.html
 */
/******************************************************************************/
.foobox 
{ 
 border: 2px solid #333;
 background-color: #EEE;
 padding: 1ex;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
}
.thumboxImg
{
width: 75px;
height: 75px;
}
html>body .thumboxImg
{
width: 75px;
height: 75px;
min-width: 75px;
min-height: 75px;
}
/******************************************************************************/
.thumboxDiv
{
width: 79px;
height: 79px;
border: 2px solid #0000ff;
margin-bottom: 0px;
margin-left: 1px;
margin-right: 1px;
margin-top: 2px;
border-bottom-width: 0px;
padding: 2px;
}
.thumboxDiv img
{
width: 75px;
height: 75px;
padding: 2px;
}
html>body .thumboxDiv
{
width: 79px;
height: 79px;
min-width: 79px;
min-height: 79px;
}
/******************************************************************************/
.thumboxDivFailure
{
width: 79px;
height: 79px;
border: 2px solid #ff0000; /* border: 2px solid #0000ff; */
margin-bottom: 0px;
margin-left: 1px;
margin-right: 1px;
margin-top: 2px;
border-bottom-width: 0px;
padding: 2px;
}
.thumboxDivFailure img
{
width: 75px;
height: 75px;
padding: 2px;
}
html>body .thumboxDivFailure
{
width: 79px;
height: 79px;
min-width: 79px;
min-height: 79px;
}
/******************************************************************************/
.thumboxDivSuccess
{
width: 79px;
height: 79px;
border: 2px solid #00ff00; /* border: 2px solid #0000ff; */
margin-bottom: 0px;
margin-left: 1px;
margin-right: 1px;
margin-top: 2px;
border-bottom-width: 0px;
padding: 2px;
}
.thumboxDivSuccess img
{
width: 75px;
height: 75px;
padding: 2px;
}
html>body .thumboxDivSuccess
{
width: 79px;
height: 79px;
min-width: 79px;
min-height: 79px;
}
/******************************************************************************/
.thumboxCaption
{
 width:  79px;
 height: 59px;
 border: 2px solid #0000ff;
 margin-bottom: 2px;
 margin-left: 1px;
 margin-right: 1px;
 margin-top: 0px;
 border-top-width: 0px;
 padding: 2px;
 font-size: smaller;
 line-height: 90%;
 text-align: center;
}
.thumboxCaption span
{
 width:  75px;
 height: 55px;
 padding: 2px;
 font-size: smaller;
 line-height: 90%;
 text-align: center;
}
html>body .thumboxCaption
{
width: 79px;
height: 59px;
min-width:  79px;
min-height: 59px;
}
/******************************************************************************/
.thumboxCaptionFailure
{
 width:  79px;
 height: 59px;
 border: 2px solid #ff0000; /* border: 2px solid #0000ff; */
 margin-bottom: 2px;
 margin-left: 1px;
 margin-right: 1px;
 margin-top: 0px;
 border-top-width: 0px;
 padding: 2px;
 font-size: smaller;
 line-height: 90%;
 text-align: center;
}
.thumboxCaptionFailure span
{
 width:  75px;
 height: 55px;
 padding: 2px;
 font-size: smaller;
 line-height: 90%;
 text-align: center;
}
html>body .thumboxCaptionFailure
{
width: 79px;
height: 59px;
min-width:  79px;
min-height: 59px;
}
/******************************************************************************/
.thumboxCaptionSuccess
{
 width:  79px;
 height: 59px;
 border: 2px solid #00ff00; /* border: 2px solid #0000ff; */
 margin-bottom: 2px;
 margin-left: 1px;
 margin-right: 1px;
 margin-top: 0px;
 border-top-width: 0px;
 padding: 2px;
 font-size: smaller;
 line-height: 90%;
 text-align: center;
}
.thumboxCaptionSuccess span
{
 width:  75px;
 height: 55px;
 padding: 2px;
 font-size: smaller;
 line-height: 90%;
 text-align: center;
}
html>body .thumboxCaptionSuccess
{
width: 79px;
height: 59px;
min-width:  79px;
min-height: 59px;
}
/******************************************************************************/
.thumboxAuto
{
width:  79px;
height: auto;
border: 2px solid #0000ff;
margin-bottom: 2px;
margin-left: 1px;
margin-right: 1px;
margin-top: 0px;
border-top-width: 0px;
padding: 2px;
font-size: smaller;
line-height: 90%;
text-align: center;
}
.thumboxAuto span
{
width:  75px;
height: auto;
padding: 2px;
font-size: smaller;
line-height: 90%;
text-align: center;
}
html>body .thumboxAuto
{
width: 79px;
height: auto;
min-width:  79px;
min-height: 1ex;
}
/******************************************************************************/
.fooconbox
{
width:  100%;
height: 100%;
border: 0px;
margin: 0px;
padding: 4px;
text-align: justify;
}
.fooconbox .fooconinner
{
width:  auto;
height: auto;
padding: 4px;
text-align: justify;
}
html>body .fooconbox
{
width: auto;
height: auto;
min-width:  30em;
min-height: 2ex;
}
/******************************************************************************/
#section_1,#section_3 { display: inline-block; border: 0px; valign: top; vertical-align: top; align: left; }
#section1foobar,#section3foobar { display: block; width: 200px; border: 0px; valign: top; vertical-align: top; align: left; }
#section1content,#section3content { display: inline-block; width: 200px; border: 0px; valign: top; vertical-align: top; align: left; }
#section_2,#status-and-contents { display: inline-block; border: 0px; valign: top; vertical-align: top; align: left; }
#section_4,#section_5,#section2foobar,#section4foobar,#section5foobar { display: block; width: 600px; border: 0px; valign: top; vertical-align: top; align: left; }
#section2content,#section4content,#section5content { display: inline-block; width: 600px; border: 0px; valign: top; vertical-align: top; align: left; }
#podcasts-viewpanel .exhibit-ui-protection .exhibit-viewPanel-viewContainer { padding: 2px; margin: 1px; }
#podcasts-viewpanel .exhibit-ui-protection .exhibit-viewPanel-viewSelection { padding: 2px; margin: 1px; }
#episodes-viewpanel .exhibit-ui-protection .exhibit-viewPanel-viewContainer { padding: 2px; margin: 1px; }
#episodes-viewpanel .exhibit-ui-protection .exhibit-viewPanel-viewSelection { padding: 2px; margin: 1px; }
/* 
#episodes-intro-view     {  }
#episodes-bookmarks-view {  }
#episodes-history-view   {  }
#episode-playback-view   {  }
#podcasts-bookmarks-view {  }
#podcasts-history-view   {  }
*/
.minibtn                 { margin: 0px; padding: 0px; align: center; }
/* "thumbtn" : uglify button on Mozilla to make IE work w/o weird border sizing issue, 
   per http://jehiah.cz/archive/button-width-in-ie */
.thumbtn                 { border: 2px outset; overflow: visible; margin: 0px; padding: 0px; align: center; }
.btnbox                  { vertical-align: top; }
.statusimg               { vertical-align: top; }
.episode-bubble-header    { width: 100%; height: auto; cellpadding: 1px; border: 0px; border-collapse: collapse; valign: top; vertical-align: top; align: left; }
.episode-bubble-header tr { width: 100%; height: auto; cellpadding: 1px; border: 0px; border-collapse: collapse; valign: top; vertical-align: top; align: left; }
.episode-bubble-thumbnail   { cellpadding: 0px; border: 0px; border-collapse: collapse; valign: top; vertical-align: top; align: left; }
.episode-bubble-info        { cellpadding: 0px; border: 0px; border-collapse: collapse; valign: top; vertical-align: top; align: left; }
.episode-bubble-title strong { width: 100%; height: 100%; border: 0px; valign: top; vertical-align: top; align: center; padding: 0px; }
.episode-bubble-title strong span { width: 100%; height: 100%; border: 0px; valign: top; vertical-align: top; align: center; padding: 0px; }
.episode-bubble-producer { text-align: left; width: 100%; height: 100%; border: 0px; valign: top; vertical-align: top; align: left; padding: 2px; }
.episode-bubble-producer td { text-align: left; border: 0px; valign: top; vertical-align: top; align: left; padding: 2px; }
.episode-bubble-topic { text-align: left; width: 100%; height: 100%; border: 0px; valign: top; vertical-align: top; align: left; padding: 2px; }
.episode-bubble-topic td { text-align: left; border: 0px; valign: top; vertical-align: top; align: left; padding: 2px; }
.episode-bubble-npr { text-align: left; width: 100%; height: 100%; border: 0px; valign: top; vertical-align: top; align: left; padding: 2px; }
.episode-bubble-npr td { text-align: left; border: 0px; valign: top; vertical-align: top; align: left; padding: 2px; }
.episode-bubble-podcast { text-align: left; width: 100%; height: 100%; border: 0px; valign: top; vertical-align: top; align: left; padding: 2px; }
.episode-bubble-podcast td { text-align: left; border: 0px; valign: top; vertical-align: top; align: left; padding: 2px; }
.episode-bubble-media { text-align: left; width: 100%; height: 100%; border: 0px; valign: top; vertical-align: top; align: left; padding: 2px; }
.episode-bubble-media td { text-align: left; border: 0px; valign: top; vertical-align: top; align: left; padding: 2px; }
.episode-bubble-header tr .episode-bubble-info table .episode-bubble-date { text-align: left; width: 100%; height: 100%; border: 0px; valign: top; vertical-align: top; align: left; padding: 2px; }
.episode-bubble-date td{ text-align: left; border: 0px; valign: top; vertical-align: top; align: left; padding: 2px; }
.episode-bubble-description { width: 100%; height: 100%; border: 2px; valign: middle; vertical-align: top; align: left; padding: 0px; }
.episode-bubble-description span { width: 100%; height: 100%; border: 2px; valign: middle; vertical-align: top; align: left; padding: 0px; }
.episode-bubble-info caption { font-size: larger !important; font-weight: bold !important; text-align: center !important;  }

/******************************************************************************
 * XWiki.SyleSheetExtension[1]: Styling experiments
 * Copyright (C) 2009, Niels Mayer. All Rights Reserved. http://nielsmayer.com
 ******************************************************************************/
#podcasts-viewpanel .exhibit-ui-protection .exhibit-viewPanel-viewContainer {
 border:  0px;
 margin:  1px;
 padding: 0.0em 1.0em;
}
#episodes-viewpanel .exhibit-ui-protection .exhibit-viewPanel-viewContainer {
 border:  0px;
 margin:  1px;
 padding: 0.0em 1.0em;
}
div.status-outer {
 border:  0px;
 margin:  1px;
 padding: 0.0em 1.0em;
 float: center;
 text-align: center;
}
div.status-inner {
 border:1px solid #738699;
 margin:  0px;
 padding: 0.25em 1.0em;
 text-align: left;
}
div.jwframe {
 border:  1px solid #738699;
 padding: 0px;
 margin:  0.5em 0.0em;
}
div.thinbox-leftcol {
 float: left;
 width: 20%;
 text-align: left;
 border:  0px;
 margin:  0px; 
 padding: 0px;
}
div.thinbox-rightcol {
 float: right;
 width: 80%;
 text-align: left;
 margin: 0px;
 border:  0px;
 margin:  0px; 
 padding: 0px;
}
div.thinbox-leftcol-inner {
 float: left;
 width: 100%;
 text-align: left;
 margin: 0px;
 padding: 0.25em 0.5em;
}
div.thinbox-rightcol-inner {
 float: right;
 width: 100%;
 text-align: left;
 margin: 0px;
 padding: 0.25em 0.5em;
}
